<!DOCTYPE html>
<html lang="en">

<head>
    <!-- meta:desc -->
    <meta name="description" content="ypx">
    <!-- meta:kw -->
    <meta name="keywords" content="ypx">
    <title>品优购</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./images/favicon.ico">
</head>

<body>
    <!-- 顶部 -->
    <div class="header wrapper">
        <img src="./images/logo.png" alt="">
    </div>
    <!-- 中间 -->
    <div class="center">
        <div class="test wrapper">
            <div class="testItem">
                <div class="scan">
                    <div>扫描登录</div>
                    <div style="color: #cc1d1d;">账户登录</div>
                </div>
                <p class="public">公共场所不建议自动登录，以免账号丢失</p>
                <div style="text-align: center; position: relative;">
                    <input class="mailbox" type="text" placeholder="邮箱/用户名/手机号">
                    <div>
                        <img class="positioning" src="./images/zh.png" alt="">
                    </div>
                </div>
                <div style="text-align: center; position: relative;">
                    <input class="mailbox1" type="text" placeholder="请输入密码">
                    <div>
                        <img class="positioning1" src="./images/pw.png" alt="">
                    </div>
                </div>
                <div class="publicleft">
                    <div style="display: flex;">
                        <input type="checkbox">
                        <p style="color:#bcbcbc;margin-left: 10px;">自动登录</p>
                    </div>
                    <p>忘记密码?</p>
                </div>
                <div style="text-align: center;">
                    <button class="keystroke">登录</button>
                </div>
                <div class="qqcontie">
                    <p><img src="./images/icon1.png" alt=""></p>
                    <p><img src="./images/icon2.png" alt=""></p>
                    <p><img src="./images/icon3.png" alt=""></p>
                    <p><img src="./images/icon4.png" alt=""></p>
                    <p style="font-size: 14;color: cornflowerblue;">立即注册</p>
                </div>
            </div>
        </div>
        <!-- 关于我们 -->
        <!-- <div class="help">
            <p><a href="#">关于我们</a></p>
            <p><a href="#">关于我们</a></p>
            <p><a href="#">关于我们</a></p>
            <p><a href="#">关于我们</a></p>
            <p><a href="#">关于我们</a></p>
            <p><a href="#">关于我们</a></p>
            <p><a href="#">关于我们</a></p>
            <p><a href="#">关于我们</a></p>
            <p><a href="#">关于我们</a></p>
        </div> -->
    </div>
</body>

</html>